.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
html,body{
   height: 100%;
   width: 100%;
}
li{
    list-style: none;
}


.border-radius(@width){
    .px2rem(border-radius, @width);
}
.border(@px,@xian,@color){
    .px2rem(border-width,@px);
    border-style: @xian; 
    border-color: @color;
}
.border-bottom(@px,@xian,@color){
    .px2rem(border-bottom-width,@px);
    border-bottom-style: @xian; 
    border-bottom-color: @color;
}
.border-top(@px,@xian,@color){
    .px2rem(border-top-width,@px);
    border-top-style: @xian; 
    border-top-color: @color;
}
.border-left(@px,@xian,@color){
    .px2rem(border-left-width,@px);
    border-left-style: @xian; 
    border-left-color: @color;
}
.border-right(@px,@xian,@color){
    .px2rem(border-right-width,@px);
    border-right-style: @xian; 
    border-right-color: @color;
}

.box{
    display: -webkit-box;
   
}
.width(@width){
    .px2rem(width, @width);
    
   
}
.line-height(@width){
    .px2rem(line-height, @width);
    
   
}
 
.font-size(@width){
    .px2rem(font-size, @width);
    
   
}
.height(@height){
    .px2rem(height, @height);
   
   
}
.margin(@top,@right,@bottom,@left){
    .px2rem(margin-top,@top);
    .px2rem(margin-right,@right);
    .px2rem(margin-bottom,@bottom);
    .px2rem(margin-left,@left);
}
.padding(@top,@right,@bottom,@left){
    .px2rem(padding-top,@top);
    .px2rem(padding-right,@right);
    .px2rem(padding-bottom,@bottom);
    .px2rem(padding-left,@left);
}
